<template>
  <div class="fotter">
    <ul class="fotter-content" >
        <li>
            <a href="www.baidu.com" class="fotter-a">
                <span class="el-icon-view icon"></span>
                <span>进入博客</span>
            </a>
        </li>
        
    </ul>
</div>
</template>

<script>
export default {
    name:'HomeFotter'
}

</script>
<style lang='less' scope>
    .fotter{
        height: 54px;
        position: relative;
        margin-top: 40px;
        text-align: center;
        z-index: 2;
    }
    .fotter-content{
        position: absolute;
        width: 200px;
        height: 50px;
        border: 2px solid #9D9D9D;
        border-radius:50px ;
        margin-left: 43%;
        line-height: 2.5;
    }
    .fotter-a{
      width: 200px;
      height: 50px;
      font-size: 20px;
      color:#fff;
      font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
      font-weight: bold;
    }
    .icon{
        margin-right: 5px;
    }
</style>